﻿blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
 margin: 0;
 padding: 0
}

body,
button,
input,
select,
textarea {
 font: 12px/1.5 tahoma, arial, 'Hiragino Sans GB', '\5b8b\4f53', sans-serif
}

h1,
h2,
h3,
h4,
h5,
h6 {
 font-size: 100%
}

address,
cite,
dfn,
em,
var {
 font-style: normal
}

code,
kbd,
pre,
samp {
 font-family: courier new, courier, monospace
}

small {
 font-size: 12px
}

ol,
ul {
 list-style: none
}

a {
 text-decoration: none
}

a:hover {
 text-decoration: underline
}

sup {
 vertical-align: text-top
}

sub {
 vertical-align: text-bottom
}

legend {
 color: #000
}

fieldset,
img {
 border: 0
}


button,
input,
select,
textarea {
 font-size: 100%
}

table {
 border-collapse: collapse;
 border-spacing: 0
}

.clearfix:after{ 
    content:"."; 
    display:block; 
    height:0; 
    clear:both; 
    visibility:hidden; 
} 
.clearfix{
    display:inline-block;
}
.clearfix{
    display:block;
} 
*{
    font-family: "苹方","思源黑体","Droid Sans Fallback";
}
body{
    background:#f1f1f1;
}


/*pulic css*/
body,html,.bg_wrap{
  box-sizing:boder-box;
  overflow: hidden;
}


.bg_main{
  background:url(../images/bg_list.png) no-repeat;
}
.bg_gameStart{
  background:url(../images/bg_statGame.png) no-repeat;
}
.bg_wrap{
  background-size:100% 100%;
  position:relative;
}
.pos_r{
  position:relative;
}
.pos_a{
  position:absolute;
}
.left50{
  left:50%;
}
.dis_b{
  display:block;
}
.dis_n{
  display:none;
}
.left{
  float:left;
}
.right{
  float:right;
}

.yellow{
  color:#fbdb00;
}

.button_wrap{
  width:6rem;
  height:2.175rem;
  background:url(../images/button_wrap.png) no-repeat;
  background-size:100% 100%;
}
.button_newActiviy .button_word{
  background:url(../images/word_newActivity_Plus.png) center no-repeat; 
  background-size:3.65rem 0.85rem;
}
.button_newActiviy_smaller .button_word{
  background-size:2.425rem 0.575rem;
}
.button_Ranking .button_word{
  background:url(../images/word_ranking.png) center no-repeat; 
  background-size:2.75rem 0.85rem;
}
.button_rule .button_word{
  background:url(../images/word_gameRule.png) center no-repeat; 
  background-size:3.65rem 0.85rem;
}
.button_restart .button_word{
  background:url(../images/word_restart.png) center no-repeat; 
  background-size:3.65rem 0.85rem;
}
.button_backIndex .button_word{
  background:url(../images/word_backIndex.png) center no-repeat; 
  background-size:3.625rem 0.85rem;
}
.button_submit .button_word{
  background:url(../images/word_submit.png) center no-repeat; 
  background-size:1.825rem 0.85rem;
}
.button_iKnow .button_word{
  background:url(../images/word_iKnow.png) center no-repeat; 
  background-size:3.65rem 0.85rem;
}
.button_share .button_word{
  background:url(../images/word_share.png) center no-repeat; 
  background-size:3.65rem 0.85rem;
}
.button_word{
  width:100%;
  height:100%;
  display:block;
}


.popup_wrap{
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  display:none;
}
.shadow{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,0,0,0.7);
}
.popup_main{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}


.infomMain{
  background:#000 url(../images/img_swiper.png) left bottom no-repeat;
  background-size:6.75rem 5.2rem;
  border:1px solid #535254;
  border-radius:10px;
}

.gameOverMain{
  
}
.gameover_flag{
  width:5.15rem;
  height:5.4rem;
  background:url(../images/icon_flag.png) no-repeat;
  background-size:100% 100%;
  right:-0.5rem;
  top:-2.55rem;
}
.gameOver_p1{
  font-size:0.9rem;
  text-align: center;
  color:#fff;
  margin-top:2.7rem;
}
.gameOver_p2{
  font-size:0.65rem;
  text-align: center;
  color:#fff;
  margin-top:1.5rem;
}
.gameOver_p2 span{
  font-size:0.8rem;
}
.gameOver_p3{
  margin-top:0.2rem;
  font-size:0.65rem;
  text-align: center;
  color:#fff;
}
.button_backIndex_pos{
  margin:1.5rem auto;
}

.gameOver_state1,.gameOver_state2{
  display:none;
}
.gameOver_p5{
  font-size:0.9rem;
  text-align: center;
  margin-top:4rem;
  color:#fff;
}
.gameOver_p6{
  font-size:0.65rem;
  text-align: center;
  margin-top:1.25rem;
  color:#fff;
}
/**/
.infomSubmitMain{
  
}
.input_wrap{
  width:10.25rem;
  margin:0 auto;
}
.infomSubmit_s1{
  font-size:0.75rem;
  color:#fff;
  line-height:1.5rem;
}
.infomSubmit_input{
  width:8rem;
  height:1.5rem;
  border-radius:4px;
  outline:none;
  border:none;
}
.infomSubmit_p1{
  font-size:0.9rem;
  text-align: center;
  color:#fff;
  margin:1.5rem 0 1.125rem 0;
}
.input_wrap2{
  margin-top:1.05rem;
}
.input_wrap3{
  margin-top:1.25rem;
}
.infomSubmit_p2{
  color:#fff;
  width:8rem;
  font-size:0.6rem;
}

/**/
.share_img{
  width:100%;
  height:14.225rem;
  background:url(../images/img_shareMain.png) no-repeat;
  background-size:100% 100%;
}
.rule_close{
  width:6.375rem;
  height:2.6rem;
  background:url(../images/button_iKnow.png) no-repeat;
  background-size:100% 100%;
  margin:1rem auto 0;
}

/**/
.rule_content_wrap{
  width:100%;
  height:100%;
  overflow:hidden;
}
.rule_content{
  height:100%;
}
.rule_sub{
  float:left;
  height:100%;
  color:#fff;
}
.icon_dur{
  position:absolute;
  width:1.325rem;
  height:2.675rem;
  background:url(../images/icon_edge.png) no-repeat;
  background-size:100% 100%;
  top:50%;
  margin-top:-1.3375rem;
}
.icon_left{
  left:-1.375rem;
  margin-left:1px;
}
.icon_right{
  right:-1.375rem;
  margin-right:1px;
  transform:rotate(180deg);
}
.prev{
  background:url(../images/icon_left.png) no-repeat;
  left:-0.5rem;
}
.next{
  background:url(../images/icon_right.png) no-repeat;
  right:-0.5rem;
}
.PN_pos{
  width:1.375rem;
  height:2.125rem;
  position:absolute;
  top:50%;
  margin-top:-1.0625rem;
  background-size:100% 100%;
  cursor:none;
  z-index:1;
}

.rule_pStyle1,.rule_pStyle2{
  width:12.25rem;
  margin:0 auto;
}
.rule_pStyle1{
  font-size:0.8rem;
  color:#f3ce00;
}
.rule_pStyle2{
  font-size:0.6rem;
  color:#fff;
}
.rule_title{
  width:10.275rem;
  height:0.85rem;
  background:url(../images/title_rule1.png) no-repeat;
  background-size:100% 100%;
  margin:1.8rem auto 0;
}
.rule_pos1{
  margin-top:1.25rem;
}
.rule_pos2{
  margin-top:0.5rem;
}
.rule_pos3{
  margin-top:1rem;
}
.rule_pos4{
  margin-top:0.5rem;
}

.paging{
  right:0.5rem;
  bottom:0.75rem;
  font-size:0.6rem;
  color:#fff;
}
.rule_pos5{
  margin-top:1.5rem;
}
.rule_sub2 .rule_pStyle2{
  line-height:1.2rem;
}
.rule_sub3 .rule_pStyle1{
  font-size:1.05rem;
}
.rule_sub3 .rule_pStyle2{
  font-size:0.7rem;
}
.rule_pos6{
  margin-top:4.25rem;
}
.rule_pos7{
  margin-top:1rem;
}

/**/
.ranking_wrap{
  overflow: hidden;
}
.ranking_sub{
  float:left;
  color:#fff;
}
.ranking_list{
  display:table;
  margin:0 auto;
}
.s1,.s2,.s3{
  display:table-cell;
  vertical-align: middle;
}
.s1,.s3{
  width:29%;
}
.s2{
  width:42%;
}
.s3{
  text-align:right;
}
.s1 .number{
  font-size:0.9rem;
  font-style:italic;
  width:1.2rem;
  height:1.25rem;
  text-align: center;
}
.s1 .img{
  width:1.25rem;
  height:1.25rem;
  margin-left:0.3rem;
}

.list_top{
  margin-top:2rem;
  font-size:0.75rem;
}
.list_sub{
  margin-top:0.3rem;
  font-size:0.6rem;
}
.number_1{
  background:url(../images/icon_number1.png) center no-repeat;
  background-size:1rem 1.25rem;
}
.number_2{
  background:url(../images/icon_number2.png) center no-repeat;
  background-size:1rem 1.25rem;
}
.number_3{
  background:url(../images/icon_number3.png) center no-repeat;
  background-size:1rem 1.25rem;
}
.ranking_score{
  font-size:0.7rem;
  text-align:center;
  color:#fff;
}
.ranking_score .yellow{
  font-size:0.8rem;
}

.ranking_operation_wrap{
  margin-top:1rem;
}
.button_backIndex_pos3{
  margin:1rem auto 0;
}